Description

초안입니다! role을 확인해서 group sidebar를 결정하는 로직이 필요할 것 같고, notice, exam 등 기타 세부 페이지는 백엔드 작업 완료되면 착수할 예정입니다. Group 사이드바를 2개로 한 것은 그냥 기존 Contest overall에서 사용하던 tab 방식보다 편할 것 같았기 때문입니다. 사용할 수 있는 공간이 가로로는 줄지만 세로로는 늘어나겠죠? 물론 나중에 디자인팀이 시키는 대로 바꾸겠지만 지금 더 바쁜 일이 많다보니 제 임의로 만들어 봤습니다. (+접고 펼치는 버튼을 추가했어요!)

근데 이렇게 놓고 보니 Group 밑에 여러 개가 나오는 게 좀 조잡하긴 하네요... 그래도 제 생각엔 Codedang을 사용하는 교수님 한 명의 Course가 딱히 많지도 않을 테도 Group 누르고 테이블에서 한 번 더 누를 필요 없이 한 번에 가고 싶은 Course로 이동하는 게 교수/조교님 입장에서 더 편할 것 같긴 합니다..!

closes TAS-1215

P.S. 은비 누나, datatable 리팩토링 진짜 미친 것 같애요!! 이렇게 편하게 갖다 쓸 수가 ㄷㄷ...
에러 해결해주신 민채 누나도 너무 감사합니다...🙏🙏

Additional context

백엔드 진행상황이 어느 정도인진 모르겠지만 일단 가장 필요하다고 판단되는 요청사항들입니다

groupAdmin role을 가진 샘플 계정 생성(groupAdmin인 경우 sidebar를 다르게 표시하기 위함)
그 groupAdmin이 어떤 group들의 admin인지 groupId를 보관하는 리스트

일반 학생들이랑 조교들이 정확히 어떻게 group에 가입하는지 정책 이해를 못했는데 어쨌든 관련 API

Problem에 있는 Get Contest Problems, Update ContestProblems Order/Scores 같은 것도 Assignment 버전으로 추가

submission도 마찬가지

Group에 Professor, Semester, Contact 등 세부 정보 추가(근데 이러면 group이랑 course랑 분리해야 되는 거 아니에요?)

userId와 groupId로 해당 유저의 assignment 점수들 가져오는 API

특정 그룹에 대한 notices 가져오기(생성은 있어요), 댓글 기능 추가

Q&A

notice 댓글이나 Q&A 같은 경우에는 읽었는지 여부를 기록해서 새로운 알림을 빨간 점과 개수 등으로 표시해주는 기능도 좋을 것 같아요!

이거 말고도 좀 더 있었던 것 같은데 까먹었어요...ㅎㅎ

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines
• Read the Contributing Guidelines and follow the Commit Convention
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.